// html,
// body,
// #app,
// #root {
//     height: 100%;
// }

// body {
//     text-rendering: optimizeLegibility;
//     -webkit-font-smoothing: antialiased;
//     -moz-osx-font-smoothing: grayscale;
// }

// 修复有固定列情况下，固定列布局不对齐
.a-table-gen(@n, @i, @d) when (@i <=@n) {
  .a-table-@{i} .ant-table-tbody > tr > td {
    height: (@i) + 0px;
  }

  .a-table-gen(@n, (@i + @d), @d);
}

.a-table-gen(200, 10, 10);



// 数据列表 样式
.table-alert {
  margin-bottom: 16px;
}

// 数据列表 操作
.table-operator {
  margin-bottom: 18px;

  button {
    margin-right: 8px;
  }
}

// // 数据列表 搜索条件
.table-page-search-wrapper {
  .ant-form-inline {
    .ant-form-item {
      display: flex;
      margin-bottom: 24px;
      margin-right: 0;

      .ant-form-item-control-wrapper {
        flex: 1 1;
        display: inline-block;
        vertical-align: middle;
      }

      > .ant-form-item-label {
        line-height: 32px;
        padding-right: 8px;
        width: auto;
      }

      .ant-form-item-control {
        height: 32px;
        line-height: 32px;
      }
    }
  }

  .table-page-search-submitButtons {
    display: block;
    margin-bottom: 24px;
    white-space: nowrap;
  }
}

//白色div外包背景样式
.item-style-2 {
  background: #fff;
  padding: 15px;
  border-radius: 8px;
}
// .ant-form-item {
//     margin-bottom: 0 !important;
// }
// //灰色div外包背景样式
.item-style {
  background: rgb(244, 244, 244);
  padding: 15px;
  border-radius: 8px;
}

// 查询按钮布局
.search-button {
  margin-top: 10px;
  float: right;
  padding-right: 10px;
}

// 分页组件布局
.pagination {
  float: right;
  padding: 15px;
}

.zd-m-box {
  background: #f4f4f4;
  padding: 0;
  border-radius: 8px;
}

.zd-box-bg {
  background: #fff;
  padding: 0;
  border-radius: 8px;
}

.zd-m-20 {
  margin-top: 20px;
}

.zd-p-20 {
  padding: 20px 0;
}

.ml10 {
  margin-left: 10px;
}

.ml20 {
  margin-left: 20px;
}

.ml60 {
  margin-left: 60px;
}

.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb20 {
  margin-bottom: 20px;
}

.mr10 {
  margin-right: 10px;
}

.mr20 {
  margin-right: 20px;
}

.ant-table {
  //解决固定列底部预留的空隙
  .ant-table-fixed-left,
  .ant-table-fixed-right {
    .ant-table-body-outer {
      margin-bottom: 0 !important;
    }
  }
}

// 生成字体大小
.font-size(@n, @i, @d) when (@i <=@n) {
    .font-size-@{i}{
        font-size: (@i) + 0px;
    }
  .font-size(@n, (@i + @d), @d);
}
.font-size(100, 1, 1);

// 外边距和内边距
.mt(@n, @i, @d) when (@i <=@n) {
    .mt-@{i}{
        margin-top: (@i) + 0px;
    }
  .mt(@n, (@i + @d), @d);
}
.mt(1000, 10, 10);

.mb(@n, @i, @d) when (@i <=@n) {
    .mb-@{i}{
        margin-bottom: (@i) + 0px;
    }
  .mb(@n, (@i + @d), @d);
}
.mb(1000, 10, 10);

.ml(@n, @i, @d) when (@i <=@n) {
    .ml-@{i}{
        margin-left: (@i) + 0px;
    }
  .ml(@n, (@i + @d), @d);
}
.ml(1000, 10, 10);

.mr(@n, @i, @d) when (@i <=@n) {
    .mr-@{i}{
        margin-right: (@i) + 0px;
    }
  .mr(@n, (@i + @d), @d);
}
.mr(1000, 10, 10);

.pt(@n, @i, @d) when (@i <=@n) {
    .pt-@{i}{
        padding-top: (@i) + 0px;
    }
  .pt(@n, (@i + @d), @d);
}
.pt(1000, 10, 10);

.pb(@n, @i, @d) when (@i <=@n) {
    .pb-@{i}{
        padding-bottom: (@i) + 0px;
    }
  .pb(@n, (@i + @d), @d);
}
.pb(1000, 10, 10);

.pl(@n, @i, @d) when (@i <=@n) {
    .pl-@{i}{
        padding-left: (@i) + 0px;
    }
  .pl(@n, (@i + @d), @d);
}
.pl(1000, 10, 10);

.pr(@n, @i, @d) when (@i <=@n) {
    .pr-@{i}{
        padding-right: (@i) + 0px;
    }
  .pr(@n, (@i + @d), @d);
}
.pr(1000, 10, 10);


.flex{
    display: flex;
}
.j-c-sb{
    justify-content: space-between;
}
.j-c-sa{
    justify-content: space-around;
}
.a-i-c{
    align-items: center;
}


// 修改ant的卡片边距
.ant-card-body {
    padding: 10px !important;
}

// 修改ant的表格行的自带padding，让它更紧凑
.ant-table-thead > tr > th, .ant-table-tbody > tr > td{
    padding: 5px 5px !important;
}

.red{
    color: red;
}